@charset "utf-8";
@import "quote/class.less";
@import "quote/color.less";
.container{}
//文章块样式
.article-item{
  padding-bottom:1.5rem;
  margin-top: .6rem;
  background-color: @cf;
  //第一个文章上边距0
  &:first-child{ margin-top:0; }
  //背景图
  .list-bg{
    position: relative;
    height:15rem;
    background:url("../../img/0.jpg");
    background-position: center center;
    background-size: cover;
    overflow: hidden;
  }
  .list-title{
    margin-top:1rem;
    padding:0 3rem;
    text-align: center;
  }
  .list-time{
    text-align: center;
    margin-top:.5rem;
    font-size:1rem;
    &:after{
      display: block;
      padding:.2rem 0;
      content:'”';
    }
  }
  .list-text{
    height:4rem;
    padding:0 3rem;
    color:@c6;
    font-size: 1rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
  }
}

//搜索
#search-model{
  padding-bottom: 40px;
  .model-box{
    position: fixed;
    .wh(100%,40px);
    border-bottom: 1px solid @cf2;
    background-color: @cf;
    z-index:8;
    ::-webkit-input-placeholder{}
  }
  .icon-search{
    font-size: 26px;
    margin:0 10px;
    color:@cdb;
    font-weight: bold;
  }
  input{
    height:30px;
    width:80%;
    border: none;
  }
}


.article-detail{
  position: fixed;
  .wh(100%,100%);
  top:0;
  left:100%;
  z-index:13;
  background-color: @cf;
  transform: translateX(0%);
  transition:transform 0.4s;
}

//内容
.art-overflow{
  position: relative;
  padding-bottom: 50px;
  height: 100%;
  background-color: @cf;
  overflow-y: auto;
}
.art-item{
  position: relative;
  transform: translateY(0px);
  padding:1.5rem 1.5rem 3rem;
  .content{
    margin-top: 1.5rem;
    letter-spacing: 1px;
    color:@c3;
    p{margin-top:1rem;}
    img{max-width: 100%;display:block;margin:1rem auto;}
  }
}



